// pages/head/head.js
let app =  getApp();
//背景音乐的地址
let musicUrl = "http://www.kynix.top:8080/fileManager-1.0-SNAPSHOT/audio/bgm.mp3";
let back =wx.getBackgroundAudioManager();//背景音乐控制器

Page({

    /**
     * Page initial data
     */
    data: {
        imageSrc: wx.getStorageSync('avatarUrl'),//头像地址
        nickName: wx.getStorageSync('userName'),//昵称
        campus: [ //校区的属性
            {
                name: 'hongjialou', //校区名称
                nameCN: '洪家楼校区',//校区中文名称
                selectImg: 'http://www.kynix.top:8080/fileManager-1.0-SNAPSHOT/image/sduhour/head/hjl.png',//显示的图片地址，在下面trueImg和falseImg中选择，默认为falseImg
                trueImg:'http://www.kynix.top:8080/fileManager-1.0-SNAPSHOT/image/sduhour/head/hjloff.png',//通关该校区后的图片地址
                falseImg:'http://www.kynix.top:8080/fileManager-1.0-SNAPSHOT/image/sduhour/head/hjl.png',//未通关该校区的图片地址
                color:'#000000',//显示的校区名称颜色，默认为未通关的颜色，即#000000黑色
                isPass: false,//是否通关，默认为false，即未通关
            },

            {
                name: 'center', //校区名称
                nameCN: '中心校区',//校区中文名称
                selectImg: '',//显示的图片地址，在下面trueImg和falseImg中选择，默认为falseImg
                trueImg:'',//通关该校区后的图片地址
                falseImg:'',//未通关该校区的图片地址
                color:'#000000',//显示的校区名称颜色，默认为未通关的颜色，即#000000黑色
                isPass: false,//是否通关，默认为false，即未通关
            },

            {
                name: 'xinglongshan', //校区名称
                nameCN: '兴隆山校区',//校区中文名称
                selectImg: '',//显示的图片地址，在下面trueImg和falseImg中选择，默认为falseImg
                trueImg:'',//通关该校区后的图片地址
                falseImg:'',//未通关该校区的图片地址
                color:'#000000',//显示的校区名称颜色，默认为未通关的颜色，即#000000黑色
                isPass: false,//是否通关，默认为false，即未通关
            },
            
            {
                name: 'baotuquan', //校区名称
                nameCN: '趵突泉校区',//校区中文名称
                selectImg: '',//显示的图片地址，在下面trueImg和falseImg中选择，默认为falseImg
                trueImg:'',//通关该校区后的图片地址
                falseImg:'',//未通关该校区的图片地址
                color:'#000000',//显示的校区名称颜色，默认为未通关的颜色，即#000000黑色
                isPass: false,//是否通关，默认为false，即未通关
            },
            
            {
                name: 'qianfoshan', //校区名称
                nameCN: '千佛山校区',//校区中文名称
                selectImg: '',//显示的图片地址，在下面trueImg和falseImg中选择，默认为falseImg
                trueImg:'',//通关该校区后的图片地址
                falseImg:'',//未通关该校区的图片地址
                color:'#000000',//显示的校区名称颜色，默认为未通关的颜色，即#000000黑色
                isPass: false,//是否通关，默认为false，即未通关
            },
            
            {
                name: 'ruanjianyuan', //校区名称
                nameCN: '软件园校区',//校区中文名称
                selectImg: '',//显示的图片地址，在下面trueImg和falseImg中选择，默认为falseImg
                trueImg:'',//通关该校区后的图片地址
                falseImg:'',//未通关该校区的图片地址
                color:'#000000',//显示的校区名称颜色，默认为未通关的颜色，即#000000黑色
                isPass: false,//是否通关，默认为false，即未通关
            },
            
            {
                name: 'qingdao', //校区名称
                nameCN: '青岛校区',//校区中文名称
                selectImg: '',//显示的图片地址，在下面trueImg和falseImg中选择，默认为falseImg
                trueImg:'',//通关该校区后的图片地址
                falseImg:'',//未通关该校区的图片地址
                color:'#000000',//显示的校区名称颜色，默认为未通关的颜色，即#000000黑色
                isPass: false,//是否通关，默认为false，即未通关
            },
            
            {
                name: 'weihai', //校区名称
                nameCN: '威海校区',//校区中文名称
                selectImg: '',//显示的图片地址，在下面trueImg和falseImg中选择，默认为falseImg
                trueImg:'',//通关该校区后的图片地址
                falseImg:'',//未通关该校区的图片地址
                color:'#000000',//显示的校区名称颜色，默认为未通关的颜色，即#000000黑色
                isPass: false,//是否通关，默认为false，即未通关
            },
        ],
        tips: [],//提示信息
        tipIndex: 0,//显示第几条提示信息
        isNew: true,//是否是第一次进入游戏
        sharing: false,//是否正在执行分享操作
    },

    //获得成就
    getAchivements(changeName) {
        wx.request({
            url: app.globalData.urlHome + '/ach/set',
            data: {
                "openid": wx.getStorageSync('openid'),
                "changeName": changeName,
            },
            header: {'content-type':'application/json'},
            method: 'POST',
            success: (result) => {
                console.log(result);
            },
            fail: () => {},
            complete: () => {}
        });
    },

    //音乐启停控制
    controlMusic(e) {
        var that = this;
        if(app.globalData.musicController === true) {//正在播放
            back.pause();
            app.globalData.musicController = false
        }else {//正在暂停
            back.play();
            app.globalData.musicController = true
        }
    },

    //背景音乐播放控制
    backmusic(){
        player();
        function player(){
          back.title = "背景音乐";
          back.src = musicUrl;
          back.onEnded(() => {
            player();
          })
        }
    },

    //转到答题页面
    toQA(e) {
        var that = this;
        var isPass = true;//是否通关判断变量
        for(var i = 0;i < app.globalData.campusNum;i ++) {
            if(that.data.campus[i].name === e.currentTarget.dataset.name && that.data.campus[i].isPass === false) {//选择的校区尚未通关
                isPass = false;//判断变量设置为未通关
                break;//跳出循环
            }
        }

        if(isPass === false) { //如果尚未通关
            wx.navigateTo({
                url: './../qa/qa' + '?name=' + e.currentTarget.dataset.name,
            });
        }
    },

    //按下分享按钮
    share(e) {
        var that = this;
        that.setData({
            sharing: true,
        })
    },

    //取消分享
    cancel(e) {
        var that = this;
        that.setData({
            sharing: false,
        })
    },

    //分享成功
    shareMe(e) {
        var that = this;
        that.setData({
            sharing: false,
        })

        //获得一个skip道具
        wx.request({
            url: app.globalData.urlHome + '/tools/set',
            data: {
                "openid": wx.getStorageSync('openid'),
                "changeName": "skip",
                "changeNum": 1,  
            },
            header: {'content-type':'application/json'},
            method: 'POST',
            success: (result) => {
                console.log(result);
            },
            fail: () => {},
            complete: () => {}
        });

        //获得“和光同行”
        that.getAchivements("light");
    },

    gettips(e) {
        var that =this;
        that.setData({
            isNew: true,
        });
    },

    changeTips(e) {
        var that = this;
        if(that.data.tipIndex !== (that.data.tips.length - 1)) {
            that.setData({
                tipIndex: that.data.tipIndex + 1,
            })
        }else {
            that.setData({
                tipIndex: 0,
                isNew: false,
            })
        }
    },

    toAchivements(e) {
        wx.navigateTo({
            url: './../achivements/achivements',
        });
          
    },

    /**
     * Lifecycle function--Called when page load
     */
    onLoad: function (options) {
        var that = this;
        //播放背景音乐
        that.backmusic();

        if(options.code === "1") { //不是第一次进入游戏
            that.setData({
                isNew: false,
            })
        }else {
            that.setData({ //是第一次进入游戏
                isNew: true,
            })
        }
    },

    /**
     * Lifecycle function--Called when page is initially rendered
     */
    onReady: function () {

    },

    /**
     * Lifecycle function--Called when page show
     */
    onShow: function () {
        var that = this;
        //获取用户的通关状态
        wx.request({
            url: app.globalData.urlHome + '/state/one',
            data: {
                "openid": wx.getStorageSync('openid'),
            },
            header: {'content-type':'application/json'},
            method: 'POST',
            success: (result) => {
                var state = result.data[0];
                var color = '#b3b3b3';//通关校区名称的颜色根据设计稿更改此处即可
                //下面的代码没有想到任何办法优化，姑且先这样吧
                if(state.hongjialou === 1) { //洪家楼校区通关
                    that.setData({
                        ['campus[' + 0 + '].selectImg'] : that.data.campus[0].trueImg,//图片变成通关状态
                        ['campus[' + 0 + '].color'] : color,//名称颜色变成灰色
                        ['campus[' + 0 + '].isPass']: true,//通关状态设置为true
                    })
                }

                if(state.center === 1) { //中心校区通关
                    that.setData({
                        ['campus[' + 1 + '].selectImg'] : that.data.campus[1].trueImg,//图片变成通关状态
                        ['campus[' + 1 + '].color'] : color,//名称颜色变成灰色
                        ['campus[' + 1 + '].isPass']: true,//通关状态设置为true
                    })
                }

                if(state.xinglongshan === 1) { //兴隆山校区通关
                    that.setData({
                        ['campus[' + 2 + '].selectImg'] : that.data.campus[2].trueImg,//图片变成通关状态
                        ['campus[' + 2 + '].color'] : color,//名称颜色变成灰色
                        ['campus[' + 2 + '].isPass']: true,//通关状态设置为true
                    })
                }

                if(state.baotuquan === 1) { //趵突泉校区通关
                    that.setData({
                        ['campus[' + 3 + '].selectImg'] : that.data.campus[3].trueImg,//图片变成通关状态
                        ['campus[' + 3 + '].color'] : color,//名称颜色变成灰色
                        ['campus[' + 3 + '].isPass']: true,//通关状态设置为true
                    })
                }

                if(state.qianfoshan === 1) { //千佛山校区通关
                    that.setData({
                        ['campus[' + 4 + '].selectImg'] : that.data.campus[4].trueImg,//图片变成通关状态
                        ['campus[' + 4 + '].color'] : color,//名称颜色变成灰色
                        ['campus[' + 4 + '].isPass']: true,//通关状态设置为true
                    })
                }

                if(state.ruanjianyuan === 1) { //软件园校区通关
                    that.setData({
                        ['campus[' + 5 + '].selectImg'] : that.data.campus[5].trueImg,//图片变成通关状态
                        ['campus[' + 5 + '].color'] : color,//名称颜色变成灰色
                        ['campus[' + 5 + '].isPass']: true,//通关状态设置为true
                    })
                }

                if(state.qingdao === 1) { //青岛校区通关
                    that.setData({
                        ['campus[' + 6 + '].selectImg'] : that.data.campus[6].trueImg,//图片变成通关状态
                        ['campus[' + 6 + '].color'] : color,//名称颜色变成灰色
                        ['campus[' + 6 + '].isPass']: true,//通关状态设置为true
                    })
                }

                if(state.weihai === 1) { //威海校区通关
                    that.setData({
                        ['campus[' + 7 + '].selectImg'] : that.data.campus[7].trueImg,//图片变成通关状态
                        ['campus[' + 7 + '].color'] : color,//名称颜色变成灰色
                        ['campus[' + 7 + '].isPass']: true,//通关状态设置为true
                    })
                }

                //获得“泉心光影”成就
                if(state.center === 1 &&
                   state.hongjialou === 1 &&
                   state.ruanjianyuan === 1 &&
                   state.xinglongshan === 1 &&
                   state.qianfoshan === 1 &&
                   state.baotuquan === 1) {
                       that.getAchivements("spring");
                       if(state.qingdao === 1 && state.weihai === 1) {
                           that.getAchivements("defender")
                       }
                   }
            },
            fail: () => {},
            complete: () => {}
        });
        
        //获取tips：这一步待打磨，显示效果需要有
        wx.request({
            url: app.globalData.urlHome + '/tips/all',
            method: 'GET',
            success: (result) => {
                that.setData({
                    tips: result.data,
                })
            },
            fail: () => {},
            complete: () => {}
        });
          
    },

    /**
     * Lifecycle function--Called when page hide
     */
    onHide: function () {

    },

    /**
     * Lifecycle function--Called when page unload
     */
    onUnload: function () {

    },

    /**
     * Page event handler function--Called when user drop down
     */
    onPullDownRefresh: function () {

    },

    /**
     * Called when page reach bottom
     */
    onReachBottom: function () {

    },

    /**
     * Called when user click on the top right corner to share
     */
    onShareAppMessage: function () {
        var that = this;
        // 设置菜单中的转发按钮触发转发事件时的转发内容
        var shareObj = {
            title: "快来参加“世界地球日”答题活动，保护我们的地球，从你我做起！",// 分享的slogan
            path: '/pages/login/login',        // 分享的起始页面
            imageUrl: '',//自定义图片路径
        }
        return shareObj;
    }
})